<!-- <template>
    <div>
        来自父组件的消息:{{ msg }}
    </div>
</template>
<script>
export default{
    // 正确的props定义（对象形式，也可使用数组形式：props: ['msg']）
    props: ["msg"]
};
</script>
<style>
</style> -->

<template>
  <div>
    <p>姓名:{{ name }}</p>
    <p>年龄:{{ age }}</p>
    <p>性别:{{ gender }}</p>
    <p>爱好:{{ hobby }}</p>
  </div>
</template>

<script>
export default {
  props: {
    name: {
      type: String, // 数据类型检查
      required: true, // 必需属性
    },
    age: {
      type: [String, Number], // 接收多个可能的数据类型
    },
    gender: {
      type: String,
      default: "男", // 带默认值的字符串
    },
    hobby: {
      type: Array,
      // 数组或对象的默认值必须从一个工厂函数获取
      default() {
        return ["阅读", "旅游"];
      },
    },
  },
};
</script>

<style>
</style>

